<%-- 
    Document   : index
    Created on : 14/05/2012, 19:44:45
    Author     : Bianca
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en"><head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <title> SkyLine </title>
        <script>
            function check(){

                var user =document.getElementById("usuario").value;
                var pass =document.getElementById("senha").value;
                if(user==''){alert("Preencha o campo usuário"); return false;}
                if(pass==''){ alert("Preencha o campo senha"); return false;}
                
            }
            function banco(){
                var log = document.forms.login;
                log.action = "funcionario.jsp";
                log.submit();
            }            
        </script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <link href="arquivos/bootstrap.css" rel="stylesheet">
        <style type="text/css">
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
        </style>
        <link href="arquivos/bootstrap-responsive.css" rel="stylesheet">

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <!-- Le fav and touch icons -->
        <link rel="shortcut icon" href="Imgs/ico.jpg">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
    </head>

    <body>

        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="index.jsp"> SkyLine </a>
                    <div class="nav-collapse">
                        <ul class="nav">
                            <li><a href="fluid.jsp"> Acesso </a></li>
                            <li><a href="contato.jsp">Contato</a></li>
                            <li><a href="restritologin.jsp">Restrito</a></li>
                        </ul>
                        <!--
                                      <form class="well form-inline">
                            Login: <input type="text" class="input-small" placeholder="Email">
                            Senha: <input type="password" class="input-small" placeholder="Password">
                            <button type="submit" class="btn btn-info">Sign in</button>
                            </form>-->

                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>
        <div class="container">

            <!-- Main hero unit for a primary marketing message or call to action -->
            <div class="hero-unit">

            </div>

            <!-- Example row of columns -->
            <div class="row">
                <div class="span4">
                    <h2> <br></h2>
                    <p><br><br></p>
                </div>
                <div class="span4">
                    <h2>Login</h2>
                    <p> <form name="login"method="POST" onsubmit="return check();">
                        <fieldset>
                            <label>Usuário:</label> <input id='userName' type="text" name="usuario" /><br/>
                            <label>Senha:</label> <input id='password' type="password" name="senha" /><br/>
                            <button class="btn btn-info btn-large"type="submit" onclick="banco()" >Cadastrar</button>
                        </fieldset>
                    </form></p>
                </div>
                <div class="span4">
                    <h2><br><br></h2>
                    <p><br><br>
                    </p>
                </div>

            </div>
        </div>
        <hr>

        <footer>
            <p>© Company 2012</p>
        </footer>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="arquivos/jquery.js"></script>
    <script src="arquivos/bootstrap-transition.js"></script>
    <script src="arquivos/bootstrap-alert.js"></script>
    <script src="arquivos/bootstrap-modal.js"></script>
    <script src="arquivos/bootstrap-dropdown.js"></script>
    <script src="arquivos/bootstrap-scrollspy.js"></script>
    <script src="arquivos/bootstrap-tab.js"></script>
    <script src="arquivos/bootstrap-tooltip.js"></script>
    <script src="arquivos/bootstrap-popover.js"></script>
    <script src="arquivos/bootstrap-button.js"></script>
    <script src="arquivos/bootstrap-collapse.js"></script>
    <script src="arquivos/bootstrap-carousel.js"></script>
    <script src="arquivos/bootstrap-typeahead.js"></script>



</body></html>
